@charset "utf-8";
/*index_banner*/
.swiper-container-banner{height: 700px;position: relative; margin-top:90px;}
.banner .img { position: relative; padding-bottom: 700px; height: 0; }
.banner .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; background-size: cover; }
.banner a .img em:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; }
.banner .txt { position: absolute; left: 18%; top: 43%; margin-top: -86px; width: 50%; }
.banner .txt .top_txt{ transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);line-height:60px; font-size:36px; }
.banner .swiper-slide-active .top_txt { transform: translateY(0); }
.banner .txt1 { height: 56px; overflow: hidden; line-height: 50px; margin-bottom: 20px; }
.banner .swiper-slide-active .txt1 span { transform: translateY(0); }
.banner .txt1 span { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);display: block; font-size: 56px; font-family:"微软雅黑"; font-weight: bold; color: #fff; }
.banner .txt .txt2 {transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); width:500px; overflow: hidden;}
.banner .txt .txt2 span { display: block;color: rgb(255, 255, 255);height:60px; border-radius:30px;background:linear-gradient(45deg, rgb(227, 180, 56), rgb(234, 160, 55), rgb(241, 138, 54)); text-align:center; line-height:60px;transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:24px;}
.banner .swiper-slide-active .txt2 span { transform: translateY(0); }
.banner .txt .txt22 {transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); width:500px; overflow: hidden;}
.banner .txt .txt22 span { display: block;color: rgb(255, 255, 255);height:60px; border-radius:30px;background:linear-gradient(45deg, rgb(227, 180, 56), rgb(234, 160, 55), rgb(241, 138, 54)); text-align:center; line-height:60px;transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:24px;}
.banner .swiper-slide-active .txt22 span { transform: translateY(0); }
.banner .txt .txt3{ font-size:20px; color:#fff; margin-top:30px; transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(150%); }
.banner .swiper-slide-active .txt3 { transform: translateY(0); }
.banner .txt_con{position: absolute; left: 5%; top: 40%; margin-top: -86px; width: 90%; margin-left:auto; margin-right:auto; text-align:center;}
.banner .txt_con .txt4{ text-align:center; margin:0 auto; width:48%;}
.banner .txt_con .txt1 { height: 95px; overflow: hidden; line-height: 50px; margin:0 auto 30px; }
.banner .swiper-slide-active .txt_con .txt1 .cn { transform: translateY(0); }
.banner .txt_con .txt1 .cn { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);display: block; font-size:24px; line-height:55px; font-family:"微软雅黑"; color: #fff; text-align: center;}
.banner .swiper-slide-active .txt_con img { transform: translateY(0); }
.banner .txt_con img{ transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);display: block;}
.banner .txt_con .txt1 em{ float:left; width:1px; height:95px; background:#fff; margin:0 25px; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);}
.banner .txt_con .txt2 { height: 136px; overflow: hidden; width:80%; margin:0 auto;font-weight: bold; text-align:center; color:#fff;}
.banner .txt_con .txt2 span { display: block; font-family: "迷你简行楷";line-height:115px; font-size:100px; text-align:center;  font-weight: bold; color: #fff; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(40%);}
.banner .swiper-slide-active .txt_con .txt3{ transform: translateY(0); }
.banner .txt_con .txt3_con{width:70%; margin:0 auto;}
.banner .txt_con .txt3 { width:21%; float:left; text-align:center; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);}
.banner .txt_con .txt3 .cn {display: block; font-size: 24px; line-height:55px; font-family:"微软雅黑"; color: #fff; text-align:left; float:left; margin-left:15px;}
.banner .txt_con em{ float:left; width:1px; height:55px; background:#fff; margin:0 3% 0 1%; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(10%);}
.banner .swiper-slide-active .txt_con .txt1 em { transform: translateY(0); }
.banner .container{ margin:0 auto;}
@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes myfirst { 0% { transform: translateY(-5px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-5px); } }
.banner .swiper-pagination-bullet {width: 16px;height: 16px;display: inline-block;margin: 0px 5px!important;position: relative;transition-duration: .5s;cursor: pointer;background: transparent;border-radius: 50%;opacity: 1;border: 1px solid #ccc; }
.banner .swiper-pagination-bullet:before {position: absolute;display: block;left: 50%;top: 50%;content: "";width: 6px;height: 6px;margin-left: -3px;margin-top: -3px;border-radius: 50%;transition-duration: .5s;background: #fff; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #ff9c00; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {background: #ff9c00; }
@media (max-width: 1780px) {
.banner .txt_con .txt4{width:56%;}
}
@media (max-width: 1600px) {
.banner .txt_con .txt4{width:59%;}
}
@media (max-width: 1440px) {
.swiper-container-banner{height: 640px;}
.banner .img {padding-bottom: 640px; }
.banner .img {padding-bottom: 640px; }
.banner .txt { position: absolute; left:7%; top: 50%; margin-top: -76px; width: 95%; }
.banner .txt1 { height: 46px; line-height: 46px; margin-bottom:15px; }
.banner .txt1 span { font-size: 46px;}
.banner .txt_con .txt4{width:64%;}
.banner .txt_con .txt2 { height: 116px; overflow: hidden; margin:0 auto;font-weight: bold; color:#fff;}
.banner .txt_con .txt2 span {line-height:106px; font-size:90px;}

}
@media (max-width: 1366px) {
.swiper-container-banner{height: 605px;}
.banner .img {padding-bottom: 605px; }
.banner .txt {top:40%; }
.banner .txt_con .txt2 span {line-height:100px; font-size:80px;}
.banner .txt_con .txt2 { overflow: hidden; }
.banner .txt_con .txt4{width:52%;}
.banner .txt_con .txt4 img{ width:98%;}
}
@media (max-width: 1300px) {
.banner .txt_con .txt3 .cn {margin-left:5px;}
}
@media (max-width: 1280px) {
.swiper-container-banner{height:570px;margin-top:88px;}
.banner .img {padding-bottom: 570px; }
.banner .txt_con .txt2 { height:96px; }
.banner .txt_con .txt2 span { font-size: 70px;line-height:70px;}
.banner .txt_con .txt3_con{width:70%; margin:0 auto;}
.banner .txt_con .txt3 .cn {font-size: 20px;margin-left:10px;}
.banner .txt_con .txt3 { width:20%;}
.banner .txt1 { margin-bottom:10px; }
.banner .txt1 span { font-size: 40px;}
.banner .txt .txt22 span { font-size:20px;}
.banner .txt .txt2 span { font-size:20px;}
.banner .txt .txt2 {width:420px;}
.banner .txt .txt22 {width:440px;}
}
@media (max-width: 1200px) {
.swiper-container-banner{height: 530px;margin-top:83px;}
.banner .img {padding-bottom: 530px; }
.banner .txt { position: absolute; left:3%; top: 45%; margin-top: -76px; width: 95%; }
.banner .txt1 span { font-size: 40px;}
.banner .txt .top_txt{ line-height:40px; font-size:22px; }
.banner .txt .txt3{ font-size:18px; margin-top:30px;}
.banner .txt_con .txt2 { overflow: hidden; height:120px;}
.banner .txt_con .txt2 span {line-height:100px; font-size:70px;}
.banner .txt_con .txt1 .cn {font-size:20px; line-height:35px;}

}
@media (max-width: 1024px) {
.swiper-container-banner{height:455px;margin-top:73px;}
.banner .img {padding-bottom: 455px; }
.banner .txt { position: absolute; left:3%; top: 45%; margin-top: -76px; width: 95%; }
.banner .txt1 { height: 50px; overflow: hidden; line-height: 50px; margin-bottom: 0px; }
.banner .txt1 span { font-size: 36px;}
.banner .txt .top_txt{ line-height:40px; font-size:22px; }
.banner .txt .txt3{ font-size:16px; margin-top:30px;}
.banner .txt_con{ width:100%;left:0;}
.banner .txt_con .txt2 { overflow: hidden; height:100px;}
.banner .txt_con .txt2 span {line-height:80px; font-size:60px;}
}
@media (max-width: 992px) {
.swiper-container-banner{height:440px;}
.banner .img {padding-bottom: 440px; }
.banner .txt_con .txt1 {margin:0 auto 30px;}
.banner .txt_con .txt1 em{ margin:0 15px;}
.banner .txt_con em{ float:left; width:1px; height:45px; background:#fff; margin:0 2% 0 2%; }
}
@media (max-width: 768px) {
.swiper-container-banner{height:340px; margin-top:62px;}
.banner .img {padding-bottom: 340px; }
.banner .swiper-pagination-bullet {width: 12px;height: 12px;}
.banner .swiper-pagination-bullet:before {width: 4px;height: 4px;margin-left: -2px;margin-top: -2px}
.banner .txt_con .txt1 {margin:0 auto 10px;}
.banner .txt1 { height: 30px; line-height: 30px; margin-bottom: 10px; }
.banner .txt1 span { font-size: 26px;}
.banner .txt .top_txt{ line-height:20px; font-size:16px; margin-top:5px; }
.banner .txt .txt2 span { height:50px; border-radius:25px; text-align:center; line-height:50px;font-size:18px;}
.banner .txt .txt22 span {height:50px; border-radius:25px; text-align:center; line-height:50px;font-size:18px;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;}
.banner .swiper-pagination-bullet:before {width: 4px;height: 4px;margin-left: -2px;margin-top: -2px}
.banner .txt_con .txt1 {width:73%;}
.banner .txt_con .txt1 em{ margin:0 15px 0 0; height:80px;}
.banner .txt_con .txt2 {height:80px;}
.banner .txt_con .txt2 span {line-height:77px; font-size:48px;}
.banner .txt_con em{ width:1px; height:25px; }}
@media (max-width:680px) {
.banner .txt {top: 50%; }
.banner .txt_con{ top: 47%;}
.banner .txt_con .txt1 {margin:0 auto 0px;}
.banner .txt_con .txt1 .img{ width:35%;}
.banner .txt_con .txt1 .img img{ width:100%;}
.banner .txt_con .txt1 .cn {font-size: 22px; line-height:45px;}
.banner .txt_con .txt1 .en {font-size: 15px; line-height:30px;}
.banner .txt_con .txt3_con{ display:none;}
.banner .txt_con .txt2 {width:76%;}
.banner .txt_con .txt2 span {line-height:77px; font-size:26px;}
.banner .txt_con .txt2 strong { font-size: 32px;line-height:70px; margin:0 4px;}
}
@media (max-width:620px) {.banner .txt_con .txt1 {height: 85px;}
.banner .txt_con .txt1 em{ margin:0 15px 0 0; height:60px;}
.banner .txt .txt2{width:300px;}
.banner .txt .txt2 span {height:40px; border-radius:20px; line-height:40px;font-size:16px;}
.banner .txt .txt22 {width:300px;}
.banner .txt .txt22 span {height:40px; border-radius:20px; line-height:40px;font-size:16px;}
.banner .txt_con .txt1 .cn {font-size: 20px; line-height:35px;}
.banner .txt_con .txt2 span {line-height:77px; font-size:32px;}
}
@media (max-width:540px) {
.banner .txt_con{ top: 62%;}
.banner .txt {top:60%; }
.banner .txt .txt2{width:250px;}
.banner .txt .txt2 span {height:34px; border-radius:17px; line-height:34px;font-size:13px;}
.banner .txt .txt22 {width:255px;}
.banner .txt .txt22 span {height:34px; border-radius:17px; line-height:34px;font-size:13px;}
.banner .txt1 span { font-size: 20px;}
.banner .txt1 { margin-bottom: 0px; }
.banner .txt_con .txt1 {width:90%; height:50px;}
.banner .txt_con .txt1 em{ margin:0 10px 0 0; height:50px;}
.banner .txt_con .txt2 {height:50px;}
.banner .txt_con .txt1 .cn {font-size: 16px; line-height:26px;}
.banner .txt_con .txt2 span {line-height:37px; font-size:32px;}
.swiper-container-banner{height:240px;}
.banner .img {padding-bottom: 240px; }
.banner .txt .txt3{ display:none;}
.banner .txt_con .txt4{width:65%;}
.banner .txt_con .txt4 img{ width:98%;}
}
@media (max-width:440px) {
.swiper-container-banner{height:200px;}
.banner .img {padding-bottom: 200px; }
}
@media (max-width:375px) {
.swiper-container-banner{height:170px;}
.banner .img {padding-bottom: 170px; }
.banner .txt1 span { font-size:18px;}
.banner .txt_con{ top: 75%;}
.banner .txt_con .txt1 .cn {font-size: 15px; line-height:23px;}
.banner .txt_con .txt2 span {font-size:16px;}
.banner .txt_con .txt2 strong { font-size: 20px;}
.banner .txt .txt2{width:230px;}
.banner .txt .txt2 span {height:34px; border-radius:17px; line-height:34px;font-size:12px;}
.banner .txt .txt22 {width:230px;}
.banner .txt .txt22 span {height:34px; border-radius:17px; line-height:34px;font-size:12px;}
.banner .txt_con .txt2 {width:80%;}}

@media (max-width:360px) {
.banner .txt_con .txt2 {width:100%;}
.banner .txt_con{left:10%;}}
/*index 通用*/
.page-section{ padding:80px 0;}
.page_title { line-height: 1;text-align: center; margin-bottom:50px;}
.page_title h3 {position: relative;padding-bottom: 22px;font-weight: 400;text-transform: uppercase;font-family: arial;font-size: 36px;color: #333;}
.page_title h3 + p {margin-top: 18px;}
.page_title h3:after {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -25px;width:50px;height: 2px;background: #ff9c00;content: '';}
.page_title p {font-size: 18px;}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:30px;}
.page_title h3 { font-size: 26px; padding-bottom: 10px;}
.page_title p {font-size: 16px; line-height:28px;}
}
@media (max-width:768px) {
.page-section{ padding:30px 0;}
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 22px; padding-bottom: 10px;}
.page_title h3:after {width:40px;margin-left: -20px;}
.page_title p { line-height:26px;}
}
/*index_pro*/
.index_pro ul{ }
.index_pro ul li { margin-bottom:20px;}
.index_pro ul li img{ width:100%;}
.index_pro .index_pro_con{ border:1px solid #e5e5e5; height:70px; line-height:30px; padding:20px;}
.index_pro .index_pro_con .index_pro_left {float:left; font-size:17px;}
.index_pro .index_pro_con .index_pro_left a{ color:#333;}
.index_pro .index_pro_con .index_pro_left a:hover{ color:#ff9c00;}
.index_pro .index_pro_con .icon {float:right;width:31px;height:17px;display:block;background:url(../images/index-img9-red.png) no-repeat center right;height:30px;}
@media (max-width:1024px) {
.index_pro .index_pro_con .index_pro_left {  font-size:15px;}
.index_pro .index_pro_con{ height:50px;padding:10px;}
}
@media (max-width:425px) {
.index_pro .index_pro_con{height:35px; line-height:26px;padding:5px; overflow:hidden;  text-overflow: ellipsis; }
.index_pro .index_pro_con .icon {float: none; display:none;}
}
/*index-about*/
.index-about { background:url(../images/index_about.jpg) no-repeat;  overflow: hidden; }
.index-about .page_title h3 { color: #fff;}
.index-about .about-content{}
.index-about .about-profile { text-align: center; font-size:15px; color: #fff; line-height: 38px; width: 100%; margin: 0 auto;}
.index-about .about-lists {width:100%; margin:50px auto; text-align: center; }
.index-about .about-lists ul{ width:100%; margin:0 auto; text-align: center; }
.index-about .about-lists ul li{ float: left; width: 25%; position:relative;}
.index-about .about-lists ul li:after{ position:absolute; right:1px; bottom:0; content:""; height:100%; width:1px; background:#fff;}
.index-about .about-lists ul li:last-child:after{  width:0px; }
.index-about .about-lists .index_about_link { float: left; width: 100%; padding:20px 0;text-align: center; color: #fff; transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.index-about .about-lists .index_about_icon { display: block; width: 65px; height: 65px; margin: 10px auto; color: #fff; }
.index-about .about-lists .index_about_name { line-height: 30px; display: block; color: #fff; font-size:18px; }
.index-about .about-lists ul li:hover .index_about_link {transform: translateY(-10px);}

@media all and (max-width: 1750px) {
.index-about .about-lists {margin: 30px auto;}
}

@media all and (max-width: 1240px) {
.index-about .about-profile {line-height: 30px; }

}
@media all and (max-width: 1280px) {
.index-about .about-lists {width:100%; }
}
@media screen and (max-width:1024px) {
.index-about .about-profile {line-height:26px; }
}
@media screen and (max-width:600px) {
.index-about .about-lists {margin: 20px auto;}
.index-about .about-lists ul li{ width: 20%;}
}
@media screen and (max-width:480px) {
.index-about .about-content{ margin-top:30px;}
.index-about .about-lists ul li { width:50%; float:left; margin-bottom:20px; }
.index-about .about-lists .index_about_link { width:100%;  padding:5px 0;}
.index-about .about-lists .index_about_name { font-size: 15px; line-height: 2; }
.index-about .about-lists ul li:nth-child(2n):after{  width:0px; }
.index-about .about-lists .index_about_icon { display: block; width: 65px; height: 65px; margin: 0px auto 10px; color: #fff; }

}
/*index-news*/
.index_news_c{ }
.index_news_lt_row { text-align:left;z-index: 33; }
.index_news_lt_row li ._down { padding:6% 0; background-color:#fff; }
.index_news_lt_row li ._down ._tt { margin-bottom:10px;}
.index_news_lt_row li ._down ._tt a{color:#333; text-align:left; font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.index_news_lt_row li ._down ._tt a:hover{color:#ff9c00; }
.index_news_lt_row li ._down ._date{ font-size:14px; line-height:24px; margin-bottom:10px; color:#333;}
.index_news_lt_row li ._down ._date .fa{ margin-right:5px;}
.index_news_lt_row li ._down ._desc{ color:#666; line-height:26px;}
.index_news .i_news_r_box li {margin-bottom: 15px;width: 100%}
.index_news .i_news_r .news_list_box {border: 1px solid #e9e9e9; padding:10px 0;}
.index_news .i_news_r .news_list_box ._r_news_time {width: 19%; padding-right:1%;height: 90px;border-right: 1px solid #e9e9e9;background: url(../images/i_news_time_bj.png)no-repeat center}
.index_news .i_news_r .news_list_box ._r_news_time span {display: block;width: 80%;margin: 0 auto}
.index_news .i_news_r .news_list_box ._r_news_time span._day {font-size: 26px;color: #ff9c00;line-height: 22px;margin-top: 20%;margin-bottom: 13px;text-indent: 10px}
.index_news .i_news_r .news_list_box ._r_news_time span._month {font-size: 20px;color: #666;text-align: right;line-height: 26px}
.index_news .i_news_r .news_list_box ._r_news_main {width: 80%}
.index_news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 10px 35px 0px 18px}
.index_news .i_news_r ._r_news_title {font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 4px}
.index_news .i_news_r ._r_news_text {font-size: 15px;color: #666666;line-height: 26px;height: 52px;overflow: hidden}
.index_news .i_news_r_box li:hover .news_list_box {border-color: #ff9c00}
.index_news .i_news_r_box li:hover .news_list_box ._r_news_time span._day {color: #ff9c00}
.index_news .i_news_r_box li:hover ._r_news_title {color: #ff9c00}
.index_news .more {position: relative; width:300px; height:50px; line-height:50px; margin:50px auto 0; border:1px solid #ccc}
.index_news .more span{width:53px;height:10px;background:url(../images/more1.png) no-repeat;position:absolute;right:120px;top:50%;margin-top:-8px;transition:right 500ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.index_news .more:hover { background:#ff9c00;border:1px solid #ff9c00}
.index_news .more:hover span{right:110px;background:url(../images/more.png) no-repeat;}

@media (max-width: 1024px) {
.biaoti .title{font-size:18px;color:#1B54A9;text-align: center; padding-bottom:4px;font-weight:600;}
.biaoti .tit{padding-top:8px;width:100%; text-align:center; float:left; font-size:14px; margin-bottom:10px;}
}
@media (max-width: 568px) {
.index_news .i_news_r .news_list_box ._r_news_time {width: 21%;}
.index_news .i_news_r .news_list_box ._r_news_main {width: 78%}
.index_news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:5px 5px 0px 5px}
.index_news .i_news_r .news_list_box ._r_news_time span._day {font-size: 22px; line-height: 22px;margin-top: 20%;margin-bottom: 16px; }
.index_news .i_news_r .news_list_box ._r_news_time span._month {font-size: 18px; line-height: 26px; }
.index_news .i_news_r ._r_news_title {font-size: 16px}
.index_news .more {position: relative; width:200px; height:40px; line-height:40px; margin:30px auto 0; border:1px solid #ccc}
.index_news .more span{right:70px; margin-top:-8px;}
.index_news .more:hover span{right:80px; }

}

/*index_applicaticon*/
.index_applicaticon{ line-height: 1.2;background: url(../images/index_bg01.jpg) center no-repeat;background-size: cover;}
.index_applicaticon_hedding { font-size: 46px; color: #fff; margin-bottom:50px;}
.index_applicaticon_hedding > .is-font-large { display: inline-block; }
.index_applicaticon_text { line-height: 1.7; text-align: center; }
.index_applicaticon_text .index_applicaticon_number {text-align: left; font-size: 74px;color: #fff;}
.index_applicaticon_text .index_applicaticon_number .counter{ text-align: left; font-size: 94px;color: #fff;}
.index_applicaticon_text .index_applicaticon_lend { margin:15px 0 8px; text-align:left; font-size: 20px; line-height: 1.7; color: #fff;}
.index_applicaticon li:nth-child(even) {padding-left: 5%;border-left: 1px solid #fff;}
.index_applicaticon .creative-video {position: fixed;top: 50%;left: 50%; text-align:center;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: auto;display: none;z-index: 1032;}
.index_applicaticon .creative-video video {width: 100%;}
.index_applicaticon .creative-video .close-video {position: fixed;background-color: #fff;border-radius: 50%;right: 0;top: -30px;width: 20px;height: 20px;font-size: 16px;line-height: 16px;text-align: center;z-index: 1032;display: none;cursor: pointer;}
.index_applicaticon .bkgc {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1031;background-color: rgba(0, 0, 0, 0.5);display: none;}
.index_applicaticon .v-b {position: relative;cursor: pointer;height: 75px;width: 70%; margin-left:auto; margin-right:auto; margin-top: 100px;}
.index_applicaticon .v-b:hover .video-button {opacity: 0;}
.index_applicaticon .v-b:hover .v2 {opacity: 1;}
.index_applicaticon .video-button {width: 75px;height: 75px;background: url('../images/play.png')no-repeat right;-o-background-size: cover; background-size: cover;position: absolute;bottom: 0; right:0px;cursor: pointer;margin: 0 auto;margin-top: 50px;-webkit-transition: opacity .4s;-o-transition: opacity .4s;-moz-transition: opacity .4s;transition: opacity .4s;}
.index_applicaticon .video-button.v2 {opacity: 0;background: url('../images/play.png')no-repeat right;}
@media (max-width: 1366px) {
.index_applicaticon_hedding { font-size: 36px; margin-bottom:30px;}
.index_applicaticon_text .index_applicaticon_number {text-align: left; font-size: 54px;color: #fff;}
.index_applicaticon_text .index_applicaticon_number .counter{ font-size: 64px;color: #fff;}
.index_applicaticon_text .index_applicaticon_lend { margin:10px 0 8px; text-align:left;  font-size: 18px; }
.index_applicaticon .v-b {position: relative;cursor: pointer;height: 75px;width:10%; margin-left:auto; margin-right:auto; margin-top: 50px;}
}
@media (max-width: 1024px) {
.index_applicaticon .v-b { width:50%; margin-top: 50px;}
.index_applicaticon_text .index_applicaticon_lend {line-height: 1.5;}
}
@media (max-width: 768px) {
.index_applicaticon .v-b { width:20%; margin-top: 30px;}
.index_applicaticon .video-button { background: url('../images/play.png')no-repeat center;}
.index_applicaticon .video-button.v2 {opacity: 0;background: url('../images/play.png')no-repeat center;}
.index_applicaticon_hedding { font-size: 26px; margin-bottom:20px;}
.index_applicaticon_text .index_applicaticon_number {text-align: left; font-size: 34px;color: #fff;}
.index_applicaticon_text .index_applicaticon_number .counter{ font-size: 40px;color: #fff;}
.index_applicaticon_text .index_applicaticon_lend {font-size: 17px; }
}
/*index_server*/
.index_server ul{}
.index_server li {background: #fff;box-sizing: border-box;text-align: center; height: 240px;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.index_server li:hover {transform: translateY(-10px);}
.index_server li .img {width: 100%; margin-bottom:30px; height:110px;position: relative;}
.index_server li .img img {position: absolute;left: 50%;top: 55%;transform: translate(-50%, -50%); }
.index_server li .img_h{ display:none;}
.index_server li span {display: block;font-size: 17px;color: #333333;margin-bottom: 10px;margin-top: 25px;}
.index_server li p { line-height:26px;color: #666; padding:0 15px;}
.index_server a:hover .img_v{ display:none;}
.index_server a:hover .img_h{ display:block;}
.index_server a:hover span {color: #ff9c00;}

@media (max-width: 624px) {
.index_server li { height: auto;}
.index_server li p {padding:0 5px;}
}

/*page_banner*/
.page_banner{height:425px; position:relative; overflow:hidden; margin-top:90;}
.page_banner>._full{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;}
.page_banner .box{position: absolute;left: 0;width: 100%;bottom: 75px;color: #fff;}
.page_banner .box .t{color: #fff;font-size: 36px;line-height: 1;margin-bottom: 14px;}
.page_banner .crumb{color: #fff;}
.page_banner a{color: #fff;}
@media (max-width: 1440px){
.page_banner{height:320px;}
.page_banner>._full{ margin-left:-720px; width:1440px;}
}
@media (max-width: 1200px){
.page_banner{height:266px; margin-top:88px;}
.page_banner>._full{ margin-left:-600px; width:1200px;}
.page_banner .box .t{ font-size: 30px; }
}
@media (max-width: 1024px){
.page_banner>._full{ margin-left:-500px; width:1000px;}
}
@media (max-width: 768px){
.page_banner{height:225px; margin-top:62px;}
.page_banner .box .t{ font-size: 24px; }
.page_banner .box{ bottom: 25px; }
.page_banner>._full{ margin-left:-384px; width:768px;}
}
@media (max-width: 668px){
.page_banner{height:175px;}
.page_banner .box .t{ font-size: 22px;margin-bottom: 10px;}
}
.page_nav{line-height:70px; height:70px; border-bottom:2px solid #f7f7f7;}
.page_nav ul li{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 15px;}
.page_nav ul li:after{content:''; position:absolute; width:1px; height:12px; background:#dddddd; left:-10px; top:50%; margin-top:-6px;}
.page_nav ul li:first-child:after{display:none;}
.page_nav ul li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#ff9c00; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav ul li a{ color:#666;}
.page_nav ul li:hover:before,
.page_nav ul li.cur:before{left:0; right:0;}
.page_nav ul li:hover a,
.page_nav ul li.cur a{color:#ff9c00;}
@media (max-width: 1336px){
.page_nav ul li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav ul li{font-size:15px; padding:0 1.5%; margin:0 1%;}
.page_nav ul li:after{left:-7px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
}
@media (max-width:400px){
.page_nav ul li{font-size:15px; padding:0 1%; margin:0 1%; font-size:14px;}

}
/*about_us*/
.about_us .box .en_tit{font-size:40px; line-height:48px; color:#ff9c00; font-family:Impact; text-transform:uppercase; margin-bottom:10px;}
.about_us .box .cn_tit{font-size:35px; line-height:35px; color:#020202; margin-bottom:40px;}
.about_us .box .con{ line-height:28px; font-size:16px;color:#383838;}
.about_us .box .con p{ margin-bottom:10px;}
.about_us .box img{ width:100%;}
@media (max-width: 768px){
.about_us .box .en_tit{font-size:28px; line-height:36px; margin-bottom:0px;}
.about_us .box .cn_tit{font-size:22px; line-height:35px; margin-bottom:20px;}
.about_us .box .con{ line-height:26px; font-size:15px;}
}
@media (max-width: 568px){
.about_us .box .en_tit{font-size:24px; line-height:30px; margin-bottom:0px;}
.about_us .box .cn_tit{font-size:20px; line-height:30px; margin-bottom:15px;}
}
/*culture*/
.culture .list_title{font-size:30px;color:#333;font-weight:normal;margin-bottom:10px;}
.culture .list_text{color:#555; padding:35px;}
.culture .list_text p{ line-height:36px; margin-bottom:10px;}
.culture .list_text strong{ color: rgb(54, 96, 146); font-size:16px;}
.culture ul li { background:#f7f7f7; height:355px; margin-bottom:35px;}
.culture .list_l{ width:50%; float:left; background:#f7f7f7; }
.culture .list_r{ width:50%; float:right;}
.culture ul li:nth-child(2) .list_l{float:right;}
.culture ul li:nth-child(2) .list_r{ float:left;}
.culture ul li .img_box {position: relative;}
.culture ul li .img_box .k {width: 96%;height: 96%;position: absolute;top: 2%;left: 2%;border: 1px solid rgba(255, 255, 255, 0.5);}
@media (max-width: 1280px){
.culture ul li { height:335px;}
}
@media (max-width: 1200px){
.culture ul li { height:325px; margin-bottom:25px;}
.culture .list_text p{ line-height:30px; margin-bottom:10px;}
}
@media (max-width: 1024px){
.culture ul li { height:267px; margin-bottom:25px;}
.culture .list_text{ padding:25px;}
.culture .list_text p{ line-height:28px; margin-bottom:5px;}
}
@media (max-width: 980px){
.culture ul li { height:247px; margin-bottom:25px;}
}
@media (max-width: 880px){
.culture ul li { height:230px; margin-bottom:25px;}
.culture .list_text p{ line-height:26px; margin-bottom:2px;}
}
@media (max-width: 768px){
.culture ul li {height: auto; margin-bottom:35px;}
.culture .list_text p{margin-bottom:10px;}
.culture .list_l{ width:100%; float: none;}
.culture .list_r{ width:100%; float:none;}
.culture .list_text strong{ font-size:15px;}
.culture .list_text{ padding:20px;}
}

/*job*/
.job .desc{ font-size:17px; line-height:32px; margin-bottom:15px;}
.job ul li{ margin-bottom:25px;}
.job .item_box {background-color:#eef2f5; color:#555; padding:30px 30px;}
.job .item_box dl {margin-bottom:10px; font-size: 18px;font-weight: bold;}
.job .item_box:hover{background:#ff9c00; color:#fff;}
.job .item_box dl:hover {color:#fff;}
.join-main { background-color:#fafafa;}
.join-main .page-tit {margin-bottom: 30px;}
.join-main .page-tit h3{font-size: 36px;color: #333;}
.join-main .sc2 .hr-lists {width: 100%;}
.join-main .sc2 .hr-lists .head::before {position: absolute;content: "";top: -5px;width: 194px;height: 5px;background-color: #ff9c00;}
.join-main .sc2 .hr-lists .head {display: flex;justify-content: space-between;padding: 30px 0;border-top: 5px solid #dcdcdc;position: relative;}
.join-main .sc2 .hr-lists .head .head-t:first-child {text-align: left;}
.join-main .sc2 .hr-lists .head .head-t {flex: 1;text-align: center;}
.join-main .sc2 .hr-lists .td .td-box {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0;border-top: 1px solid #dcdcdc;cursor: pointer;}
.join-main .sc2 .hr-lists .td .item:first-child {text-align: left;}
.join-main .sc2 .hr-lists .td .item {flex: 1;text-align: center;}
.join-main .sc2 .hr-lists .td .dropdown {width: 100%;background-color: #edecec;padding: 55px 50px;display: none;}
.join-main .sc2 .hr-lists .td .dropdown .drop-t {margin-bottom: 20px;}
.join-main .sc2 .hr-lists .td .dropdown .drop-c p {font-size: 15px;color: #666;line-height: 30px;}
.join-main .sc2 .hr-lists .td .dropdown .button a {display: inline-block;padding: 15px 45px;background-color: #cc0000;color: #fff;margin-top: -25px;}
@media(max-width:768px) {
.job .item_box {background-color:#eef2f5; color:#555; padding:20px 20px;}
.join-main .sc2 .hr-lists .head {padding:20px 0;}
.join-main .sc2 .hr-lists .td .dropdown {padding: 35px 20px;}
.join-main .sc2 .hr-lists .td .td-box {padding: 20px 0;}
.join-main .sc2 .hr-lists .td .dropdown .drop-c { margin-bottom:30px;}
.join-main .sc2 .hr-lists .td .dropdown .button.text-right{ text-align:left;}
.join-main .page-tit h3{font-size: 24px;color: #333;}
}

@media (max-width: 768px){
.job .desc{ font-size:16px; line-height:26px; margin-bottom:10px;}
.job .item_box dl {font-size: 16px;}
}
/*develop*/
.develop .infor .tit{font-size:28px; line-height:40px; color:#ff9c00; }
.develop .infor .con{font-size:16px; line-height:28px; color:#3c3c3c; margin-top:23px;}
.develop .infor .con p{ margin-bottom:10px;}
@media (max-width: 768px){
.develop .infor .tit{font-size:20px; line-height:30px; color:#ff9c00; }
.develop .infor .con{font-size:15px; line-height:25px; color:#3c3c3c; margin-top:15px;}
}
.show-pro .show-pro-top { padding-right:5%; height:400px;}
.show-pro .show-pro-top .float-left{ width:52%; float:left;}
.show-pro .show-pro-top .float-right{ width:43%; float: right}
.show-pro .show-pro-top .float-right .pro-t h1 {font-size: 28px; font-weight: bold; color: #333333;  padding-bottom:15px;border-bottom:1px solid #f0f0f0; }
.show-pro .show-pro-top .param {padding:20px 0;}
.show-pro .show-pro-top .param p { line-height: 30px;}
.show-pro .show-pro-top .contact { margin: 10px 0;}
.show-pro .show-pro-top .contact .ico { margin-right: 15px;}
.show-pro .show-pro-top .contact span { font-size: 18px; color: #666;}
.show-pro .show-pro-top .button a {display: inline-block; width:100%; text-align:center;padding: 10px 40px;background-image: linear-gradient(62deg, #0169b5, #3ca0d3);color: #fff;}
.show-pro .show-pro-bottom { clear:both; padding-right:5%;border-top:1px solid #ccc; padding-top:30px; }
.show-pro .show-pro-bottom .param-t{font-size: 26px; font-weight: bold; color: #333333; padding-bottom:20px;}
.show-pro .show-pro-bottom .param-c p{ line-height:28px;}
.show-pro .pro-nav .nav-t { font-size: 22px; text-align:center; padding:10px 0; color: #fff; margin-bottom: 15px; background:#ff9c00; }
.show-pro .pro-nav ul li { display: block; padding: 15px 0 5px; border-bottom: 1px solid #dcdcdc; font-size: 15px; color: #666;}
.show-pro .pro-nav ul li a p{ text-align:center; line-height:40px; color:#666;}
.show-pro .show_right img { max-width: 100%;}
.show-pro .show_right .param-t { font-size: 30px; color: #333; font-weight: 700; margin-bottom: 30px;}
.show-pro .show_right .param { margin-bottom: 30px;}
.show-pro .show_right{ background-color:#eee; padding:30px 25px;}
@media(max-width:1200px) {
.show-pro .show-pro-top { height: 350px;}
.show-pro .show-pro-top .float-left img{ width:100%;}
.show-pro .show-pro-top .float-right { padding-left: 5%;}
.show-pro .show-pro-top .float-right .pro-t h1 { font-size: 22px;}
.show-pro .show-pro-bottom .param-t { font-size: 22px;}
.show-pro .show-pro-bottom .param-t::before { height: 30px;}
}
@media(max-width:768px) {
.show-pro .show-pro-top { height:758px; padding-right:0;  }   
.show-pro .show-pro-top .container>div { width: 100%;}
.show-pro .show-pro-top .float-left{ width:100%; float:left;}
.show-pro .show-pro-top .float-right{ width:100%; float: right; padding-left:0; margin-top:20px;}
.show-pro .show-pro-top .float-right .pro-t h1 { font-size: 20px;}
.show-pro .show-pro-bottom .param-t { font-size: 20px;}
.show-pro .show-pro-bottom .param-t::before { height: 20px;}
.share { margin: 10px 0;}
.show-pro .show-pro-bottom { width: 100%;}
.show_right{ display:none;}
}
@media(max-width:568px) {
.show-pro .show-pro-top { height:580px;}
.show-pro .show-pro-bottom img{ width:100%;}
.show-pro .show-pro-top .float-right .pro-t h1 { font-size: 16px; font-weight:normal;}

}
.share ul li { float: left; margin-right: 15px;}
.share ul li:last-child { margin-right: 0;}
.share { margin: 20px 0;}
.share .wechat { position: relative;}
.share .wechat:hover .vx { display: block;}
.share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -14px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: transparent transparent #fff transparent}
.share .wechat .vx { position: absolute; bottom: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -76px; display: none;}
.share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}


.news_list li {overflow:hidden; background:#fafafa; padding:25px 35px; margin-bottom:30px;}
.news_list li a{display:block;}
.news_list li ._intro {overflow:hidden; cursor:pointer; font-size:14px; color:#6d6d6d;}
.news_list li ._title {display:block;line-height:32px; font-size:20px; margin-bottom:13px; color:#000; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;}
.news_list li ._info {line-height:20px; color:#999999; }
.news_list li ._text {line-height:26px; overflow:hidden; font-size:16px; color:#606060;}
.news_list li ._more {display:inline-block; white-space:nowrap; width:auto; height:32px; line-height:32px; background-color:#dda300; color:#fff; padding:0 20px; }
.news_list li ._intro:hover ._title{ color:#ff9c00; }
.news_list li:hover {overflow:hidden; background:#f4f4f4;}
@media only screen and (max-width:1200px){
.news_list li { padding:20px 25px;}
.news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; }
.news_list li ._text { font-size:15px; }
}
@media only screen and (max-width:425px){
.news_list li { padding:15px 20px; margin-bottom:20px;}
.news_list li ._title { line-height:26px; font-size:16px;}
.news_list li ._text {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_list li ._title { line-height:26px; font-size:16px; margin-bottom:5px; }

}
.news_detail .tit{font-size:28px; color:#333; text-align:center; margin-bottom:10px;}
.news_detail .dec{ color:#939393; text-align:center;}
.news_detail .dec .fa{margin-bottom:3px;}
.news_detail .dec span{cursor:pointer; display:inline-block;}
.news_detail .dec span.date,
.news_detail .dec span.view{display:inline-block; margin-right:5px;}
.news_detail .c_left .fa{font-size:12px;}
.news_detail .c_center .box{padding-top:30px; margin-top:30px; border-top:1px solid #f3f3f3; font-size:15px;}
.news_detail .c_center .text{ color:#575757; line-height:30px;}
.news_detail .c_right .list>div{border:1px solid #f3f3f3; margin-bottom:25px;}
.news_detail .c_right .list .box{padding:25px 30px;}
.news_detail .c_right .list .box .t{font-size:18px; color:#3c3c3c; line-height:24px; margin-bottom:15px}
.news_detail .c_right .list .box span{ font-size:14px; color:#999;}
.news_detail .c_right .list .box .tit{font-size:16px; color:#696969; font-weight:normal; line-height:25px; height:50px; text-align:left; overflow:hidden; transition:all .3s ease; text-overflow: ellipsis; margin-top:15px;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;*}
.news_detail .c_right .hot_news{border:10px solid #f5f5f5; background:#f5f5f5;}
.news_detail .c_right .hot_news .hot_box{padding:0 20px;}
.news_detail .c_right .hot_news .infor .box{padding:25px 0 0;}
.news_detail .c_right .hot_news .infor .tit{float:left; font-size:24px; color:#323f47; line-height:26px;}
.news_detail .c_right .hot_news .con .item{border-top:1px solid #f0f0f0;}
.news_detail .c_right .hot_news .con .item:first-child{border:none;}
.news_detail .c_right .hot_news .con .item .t{font-size:15px; color:#666; line-height:24px; margin-bottom:10px; overflow:hidden; transition:all .3s ease;}
.news_detail .c_right .hot_news .con .item .d{font-size:14px; color:#666;}
.news_detail .c_right .hot_news .con .box{padding:25px 0;}
.news_detail .c_right .hot_news .con .item .t:hover{color:#fcb026;}
.news_detail .c_right .list .box:hover .tit{color:#fcb026;}

@media only screen and (max-width:992px){
.news_detail .tit{font-size:20px;}
.news_detail .dec{ font-size:14px;}
.news_detail .c_center .box{padding-top:20px; margin-top:20px; font-size:15px;}
.news_detail .c_center .text{ line-height:25px;}
.news_detail .c_right .list { display:none;}
.news_detail .c_right .hot_news { margin-top:30px;}
.news_detail .c_right .hot_news .infor .tit{ font-size:20px;}
.news_detail .c_right .hot_news .con .item .t{ margin-bottom:5px; height:28px;  overflow:hidden;}
}
@media only screen and (max-width:768px){
.news_detail .tit{font-size:16px; margin-bottom:5px;}
.news_detail .c_center .box{padding-top:10px; margin-top:10px; }

}
.video ul li {  height: auto; background: #fff;  margin-bottom: 40px;  transition: 0.5s; } 
.video ul li a .t1 {font-size: 18px;line-height: 60px; color: #333;text-align: center; }
.video ul li a {width: 100%;height: auto;display: block; }    
.video ul li a .pic {width: 100%;height: auto;overflow: hidden;position: relative; }     
.video ul li a .pic .img {max-width: 100%;transition: 1s; }      
.video ul li a .pic .img1 {width: 61px;height: 61px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; }    
.video ul li a:hover {background: #ff9c00; }    
.video ul li:hover a .t1 {color: #fff; } 
@media (min-width: 1024px) {
.video ul li a .pic:hover .img {transform: scale(1.1);transition-duration: 1s; } }    
@media (max-width: 768px) {
.video ul li { margin-bottom: 15px;} 
.video ul li a .t1 {font-size: 15px;line-height:28px; }
}
/*server*/
.server .desc{ font-size:17px; line-height:32px; margin-bottom:15px;}
.server .content ul li{margin-bottom:25px; transition:.3s ease;}
.server .content ul li .box{padding:35px 25px;background:#fafafa; }
.server .content ul li .box .img{background:url(../images/server_1.png) no-repeat; width:58px; height:53px; float:left; margin-top:15px; transition:transform .5s ease;}
.server .content ul li.li1:hover .box .img{background-position:0 -53px;}
.server .content ul li.li2 .box .img{background-position:-58px 0;}
.server .content ul li.li2:hover .box .img{background-position:-58px -53px;}
.server .content ul li.li3 .box .img{background-position:-116px 0;}
.server .content ul li.li3:hover .box .img{background-position:-116px -53px;}
.server .content ul li.li4 .box .img{background-position:-174px 0;}
.server .content ul li.li4:hover .box .img{background-position:-174px -53px;}
.server .content ul li.li5 .box .img{background-position:-232px 0;}
.server .content ul li.li5:hover .box .img{background-position:-232px -53px;}
.server .content ul li.li6 .box .img{background-position:-290px 0;}
.server .content ul li.li6:hover .box .img{background-position:-290px -53px;}
.server .content ul li .box .txt{float:left; width:74%; margin-left:6%; margin-top:10px;}
.server .content ul li .box .txt .t{font-size:22px; color:#000; transition:.3s ease;}
.server .content ul li .box .txt .c{ color:#333; transition:.3s ease;}
.server .content ul li:hover .box{background:#ff9c00;}
.server .content ul li:hover .box .txt .t{color:#fff;}
.server .content ul li:hover .box .txt .c{color:#fff;}
.server .content ul li:hover .box .img{transform:rotateY(180deg);}
@media only screen and (max-width:1200px) {
.server .content ul li .box .txt .t{font-size:20px; margin-bottom:10px; }
.server .content ul li .box{padding:25px 15px;}
}
@media only screen and (max-width:768px) {
.server .content ul li .box .txt .t{font-size:18px; }
.server .desc{ font-size:16px; line-height:28px; margin-bottom:10px;}
}
@media only screen and (max-width:425px) {
.server .content ul li .box .txt .t{font-size:16px; }
}
.net{ margin:20px auto 0; text-align:center;}
@media (max-width: 1024px) {
.net img{ width:100%;}
} 

/*question*/
.question li{ margin-bottom:30px;}
.question li a{ display: block; padding: 45px 40px; -o-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -ms-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -moz-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px;-webkit-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; box-shadow: 5px 1px 15px rgba(0, 0, 0, .175);}
.question li .text .tit{ line-height: 40px; font-size: 18px; color: #333333; margin-bottom:20px;}
.question li .text .tit .far{ font-size:24px; color:#ff9c00; margin-right:15px;}
.question li .text .des{ padding-top: 20px; border-top:1px dashed #d2d2d2; color: #666; line-height:30px; overflow: hidden; }
.question li .text .des .far{ font-size:24px; color:#999; margin-right:15px;}
.question li .more_btn i{ margin-top: 20px; display: inline-block; width: 48px; height: 48px; border-radius: 50%; float:right; background-size: cover; background-image: url(../images/home_news_ico.png); -o-box-shadow:0 0 20px rgba(0,0,0,.05); -ms-box-shadow:0 0 20px rgba(0,0,0,.05); -moz-box-shadow:0 0 20px rgba(0,0,0,.05); -webkit-box-shadow:0 0 20px rgba(0,0,0,.05); box-shadow:0 0 20px rgba(0,0,0,.05);}
.question li:hover{z-index:1;}
.question li a:hover{ border-radius: 15px; background: #FFFFFF; border-bottom:1px solid #FFFFFF;}
.question li a:hover .text .tit{ color: #333;}
.question li a:hover .des{ border-top:1px dashed #999;}
.question li a:hover .more_btn i{  background-image: url(../images/home_news_ico2.png); }
@media only screen and (max-width:992px) {
.question li{ margin-bottom:25px;}
.question li a{ padding: 25px 20px;}
.question li .text .tit{ line-height: 30px; font-size: 16px;  margin-bottom:10px;}
}
@media only screen and (max-width:768px) {
.question li a{ padding: 15px 10px;}
.question li .text .des{ margin-top:10px; line-height: 25px; }
}

.contact.page-section{ padding-bottom:0px;}
.contact_us01{position: relative;z-index: 99999;}
.contact_us01 .left{width:46%; float:left; position:relative;}
.contact_us01 .left .left_area{position:absolute; width:100%; left:0; top:0; border-bottom:5px solid #ff9c00; box-shadow:0px 2px 11px rgba(0,0,0,.16); background:#fff;}
.contact_us01 .left .left_area{border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
:root .contact_us01 .left .left_area{border-left:none; border-top:none; border-right:none;}
.contact_us01 .left .left_area .box{padding:55px 50px 63px;}
.contact_us01 .left .left_area .box .infor .tit{font-size:30px; color:#ff9c00; line-height:46px; font-weight:bold;}
.contact_us01 .left .left_area .box .infor .common-line{margin:16px 0 30px;}
.contact_us01 .left .left_area .box .infor .con{font-size:16px; color:#303030; margin-bottom:30px; line-height:30px;}
.contact_us01 .right{width:50%; float:right;}
.contact_us01 .right .box{padding: 55px;}
.contact_us01 .right .box .infor .tit{font-size:30px; color:#333f48; line-height:46px; font-weight:bold;}
.contact_us01 .right .box .infor .common-line{margin:16px 0 34px;}
.contact_us01 .right .box .infor .con{font-size:16px; color:#303030; line-height:30px; margin-bottom:28px;}
.contact_us01 .right .box .infor .text .addr{position:relative; padding-left:30px; margin-bottom:16px;}
.contact_us01 .right .box .infor .text .addr .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_2.png) no-repeat center; position:absolute; left:0; top:5px;}
.contact_us01 .right .box .infor .text .addr span{display:inline-block; font-size:15px; color:#3d3d3d; line-height:30px;}
.contact_us01 .right .box .infor .text .phone{position:relative; padding-left:30px; margin-bottom:16px;}
.contact_us01 .right .box .infor .text .phone .icon{display:inline-block; width:17px; height:16px; background:url(../images/contact_us01_1.png) no-repeat center; position:absolute; left:0; top:8px;}
.contact_us01 .right .box .infor .text .phone span{display:inline-block; font-size:20px; color:#3e9fa8; line-height:30px; font-weight:bold;}
.contact_us01 .right .box .infor .text .tel{position:relative; padding-left:30px; font-size:15px; color:#3d3d3d;  margin-bottom:16px;}
.contact_us01 .right .box .infor .text .tel .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_3.png) no-repeat center; position:absolute; left:0; top:5px;}
.contact_us01 .right .box .infor .text .fax{position:relative; padding-left:30px; font-size:15px; color:#3d3d3d;  margin-bottom:16px;}
.contact_us01 .right .box .infor .text .fax .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_4.png) no-repeat center; position:absolute; left:0; top:5px;}
.contact_us01 .right .box .infor .text .mail{position:relative; padding-left:30px; font-size:15px; color:#3d3d3d;  margin-bottom:16px;}
.contact_us01 .right .box .infor .text .mail .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_5.png) no-repeat center; position:absolute; left:0; top:5px;}
.contact_us01 .right .box .infor .text .tel a,.contact_us01 .right .box .infor .text .fax a,.contact_us01 .right .box .infor .text .mail a{color:#3d3d3d; }
.contact_us01 .right .box .infor .text .tel a:hover,.contact_us01 .right .box .infor .text .fax a:hover,.contact_us01 .right .box .infor .text .mail a:hover{color:#ff9c00; }
.contact_us02 .map_box{overflow:hidden; height:520px;} 
.contact_us02 .map_box img{max-width:none;}
@media only screen and (max-width:768px) {
.contact_us01 .left{width:100%; float: none; display:none;}
.contact_us01 .right{width:100%; float: none;}
.contact_us01 .right .box{padding: 0px;}
.contact_us01 .right .box .infor .tit{font-size:20px; line-height:26px; }
.contact_us01 .right .box .infor .common-line{margin:10px 0 14px;}
.contact_us01 .right .box .infor .con{ margin-bottom:18px;}
}
@media only screen and (max-width:668px) {
.contact_us01 .right .box .infor .con{font-size:15px; line-height:24px; margin-bottom:15px;}
.contact_us01 .right .box .infor .tit{font-size:17px; }
.contact_us01 .right .box .infor .text .phone span{  font-size:18px; line-height:28px;}

}
.message .desc{ font-size:16px;}
.message_page .desc{ font-size:16px; line-height:34px;}
.feedback-form{ margin-top:40px; background-color:#f4f4f4; padding:50px;}
.feedback-form .form-group{margin-bottom:30px; }
.feedback-form .form-group .span-2{ width:15%; margin:0 auto;}
.feedback-form textarea,.feedback-form input{padding:12px 5px;height:auto;border-radius:3px;border:1px solid #d7d7d7;}
.btn-contact{background-color:#ccc;padding:6px;border:none;color:#fff;}
.btn:hover,.btn:focus,.btn:active{color:#fff;background-color:#015599;border-color:#015599;}
.btn-contact:hover{background-color:#015599;color:#fff;}
.btn:hover,
.btn:focus,
.btn.focus {color: #fff;text-decoration: none;}
.feedback-form .form-bottom {margin-top: 20px;}
.feedback-form .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.feedback-form .form-bottom #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px;}
.d-inline {display: inline-block;}
.float-right {float: right;}
@media only screen and (max-width:1024px) {
.feedback-sec{margin:30px 0; }
}
@media only screen and (max-width:768px) {
.contact .item .t{font-size:16px; margin:10px 0 10px;}
.contact .item .con{font-size:15px; }
.contact .item .con span{font-size:15px; }
.feedback-form{ padding:30px;}
.feedback-form .form-group .col-xs-12{ margin-bottom:10px;}
.feedback-form .form-group{margin-bottom:0px; }
.feedback-form .form-group .span-2{ margin-top:10px;}
.feedback-sec{ padding:20px;}
.contact .item{padding:15px 15px;}

}
@media only screen and (max-width:425px) {
.feedback-form{ padding:20px;}
}.policy strong { font-weight: bold; margin-bottom: 20px;}
.policy{ line-height: 32px;}